<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body {
            height: 3000px;
        }
    </style>

</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
    <article class="container">

        <div class="navbar-header">
            <span class="navbar-brand glyphicon glyphicon-home"></span>
        </div>

        <ul class="nav navbar-nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">网站介绍</a></li>
        </ul>
        <ul class="nav navbar-nav">
            <li><a href="#">数据库</a></li>
            <li class="dropdown">
                <a href="javascript:" data-toggle="dropdown">
                    <span>项目</span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">项目1</a></li>
                    <li><a href="#">项目2</a></li>
                    <li><a href="#">项目3</a></li>
                </ul>
            </li>
        </ul>

        <!--<span class="navbar-text">文本</span>

        <span class="navbar-text">跳转<a href="http://www.baidu.com" class="navbar-link">百度</a></span>-->

        <!--<button class="btn btn-info navbar-btn">按钮</button>-->

        <!--导航条中的表单元素后面也不允许在同一行添加其他元素，除非表单右对齐-->
        <form class="navbar-form navbar-right">
            <input id="navbar-form-ipt-1" class="form-control"/>
            <button class="btn btn-info">搜索</button>
            <label for="navbar-form-ipt-1"></label>
        </form>
    </article>
</nav>

<nav class="navbar navbar-inverse navbar-fixed-bottom">
    <article class="container">
        <ul class="nav navbar-nav">
            <li><a href="#">专业团队</a></li>
            <li><a href="#">员工风貌</a></li>
        </ul>
        <ul class="nav navbar-nav">
            <li><a href="#">合作企业</a></li>
            <li><a href="#">加入我们</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#" class="
glyphicon glyphicon-chevron-up"></a></li>
        </ul>
    </article>
</nav>

<script src="../../jquery/jquery-3.2.1.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>